<template>
  <div class="wrapper">
    <!-- 头部 -->
    <ma-header />
    <!-- 左侧导航 -->
    <ma-side-menu/>
    <!-- 中间部门管理内容 -->
    <ma-content/>
    <!-- <router-view /> -->
  </div>
</template>

<script>
import Header from "./children/Header"
import SideMenu from './children/SideMenu'
import Content from './children/Content'
export default {
  components: {
    MaHeader: Header,
    MaSideMenu: SideMenu,
    MaContent: Content
  }
};
</script>

<style>
.wrapper {
    position: relative;
    height: 100%;
}
</style>